$accordion-transition: all .25s cubic-bezier(0.4, 0.6, 0.2, 1);

.von-accordion {
  padding: 0;
  background: #FFF;

  .list-accordion {
    margin: -1px 0 0 0;
    -webkit-transition: $accordion-transition;
    transition: $accordion-transition;
    height: 50px;

    .item-icon-right {
      z-index: 2;
      .icon.ion-arrow-down-b {
        color: #888;
        -webkit-transition: $accordion-transition;
        transition: $accordion-transition;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        font-size: 16px;

        &.rotated {
          transform: rotate(179.9deg);
          -webkit-transform: rotate(179.9deg);
        }
      }
    }

    .accordion-content {
      z-index: 1;
      padding-left: 15px;
    }
  }
}

.von-accordion-enter-active, .von-accordion-leave-active {
  transition: $accordion-transition;
  -webkit-transition: $accordion-transition;
  opacity: 1;
}

.von-accordion-enter, .von-accordion-leave-to {
  opacity: 0;
}
